<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>漫威宇宙-软件补休小组作品</title>
    <link rel="shortcut icon" href="favcion.ico" />
    <link rel="stylesheet" href=" css/iconfont.css">
    <link rel="stylesheet" href="../plug-in/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container" id="container">
        <aside class="left-bar" id="leftBar">
            <div class="title">
                <p>张新博</p>
            </div>
            <nav class="nav">
                <div class="item active"><a href=""><i class="iconfont icon-daohang2"></i>软件小组作业</a><i class="line"></i></div>
                <ul class="nav-item" id="navItem">
                    <li><a href="#bbs" class="active"><i class="iconfont icon-shequ"></i>漫威人物</a></li>
                    <li><a href="#sill"><i class="iconfont icon-blogger"></i>背景科普</a></li>
                    <li><a href="#study"><i class="iconfont icon-xuexi1"></i>观影顺序</a></li>
                </ul>
                <div class="item comment"><a target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=963518083&site=qq&menu=yes"><i class="iconfont icon-liuyan"></i>联系我们</a></div>
            </nav>
        </aside>
        <section class="main">
            <div id="mainContent">
                <div class="box">
                    <div class="sub-category">
                        <div><i class="iconfont icon-shequ"></i>漫威人物</div>
                    </div>
                    <div>
                        <a target="_blank" href="米文通.html">
                            <div class="item">
                                <div class="logo"><img src="img/csdn.ico" alt="斯坦李">  斯坦李</div>
                                <div class="desc">斯坦李：永远不朽的漫威之父</div>
                            </div>
                        </a>
                        <a href="张志毅.html">
                            <div class="item">
                                <div class="logo"><img src="img/gold-favicon.png" alt="绿巨人">  绿巨人</div>
                                <div class="desc">无敌浩克：一个从绿殇到绿胖转变的英雄</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/YhK4q66C">
                            <div class="item">
                                <div class="logo"><img src="img/github.ico" alt="钢铁侠"> 钢铁侠</div>
                                <div class="desc">钢铁侠：当之无愧的漫威C位</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/FjVCK2hT">
                            <div class="item">
                                <div class="logo"><img src="img/stackoverflow.ico" alt="美国队长"> 美国队长</div>
                                <div class="desc">美国队长：美国意志的象征，复仇者联盟领袖</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/fktn1yim">
                            <div class="item">
                                <div class="logo"><img src="img/segmentfault.ico" alt="黑寡妇"> 黑寡妇</div>
                                <div class="desc">黑寡妇：美貌与能力并存的漫威女明星</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/M2SB9Txh">
                            <div class="item">
                                <div class="logo"><img src="img/zhihu.ico" alt="鹰眼"> 鹰眼</div>
                                <div class="desc">鹰眼：射手、狙击手，一个在身后默默输出的ADC</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/PJTS2t1m">
                            <div class="item">
                                <div class="logo"><img src="img/cnblogs.ico" alt="奇异博士"> 奇异博士</div>
                                <div class="desc">奇异博士：唯一具有东方元素的超级英雄</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/cWdJO2lA">
                            <div class="item">
                                <div class="logo"><img src="img/zhizhuxia.ico" alt="蜘蛛侠"> 蜘蛛侠</div>
                                <div class="desc">蜘蛛侠：获得了和蜘蛛一样的超能力</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/PwQp4YZG">
                            <div class="item">
                                <div class="logo"><img src="img/oschina.ico" alt="雷神托尔"> 雷神托尔</div>
                                <div class="desc">
                                        雷神托尔：乐于助人，在恶势力面前不会低头坚持正义
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="box">
                    <div class="sub-category">
                        <div><i class="iconfont icon-blogger"></i>背景科普</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://dwz.cn/OSy5Rh6A">
                            <div class="item">
                                <div class="logo"><img src="img/alloyteam-favicon.jpg" alt="维度"> 维度</div>
                                <div class="desc">又称“次元”，是数学中独立参数的数目。</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/4gLTXbx8">
                            <div class="item">
                                <div class="logo"><img src="img/isux-favicon.jpg" alt="ISUX"> AAO</div>
                                <div class="desc">AAO，全称Above-All-Others，原来称为TOAA。</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/vaDb7CGN">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/fex-favicon.png"> 不同宇宙
                                </div>
                                <div class="desc">
                                    分为单体，多元和超大宇宙。
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/pNxGasYH">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/fed-favicon.png">  生命法庭
                                </div>
                                <div class="desc">
                                    生命法庭只在必要的时候出现，他的审判可以影响整个全能宇宙。
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 学无止境 -->
                <div class="box">
                    <a href="#" name="study"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-xuexi1"></i>推荐观影顺序</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://dwz.cn/pNxGasYH">
                            <div class="item">
                                <div class="no-logo">钢铁侠</div>
                                <div class="desc">美国漫威电影工作室出品的一部科幻冒险电影，漫威王国的开始。</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/oaVdu81Q">
                            <div class="item">
                                <div class="no-logo">无敌浩克</div>
                                <div class="desc">取材自漫威漫画，是漫威电影宇宙的第二部电影。</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/eJ7lXt5n">
                            <div class="item">
                                <div class="no-logo">钢铁侠2</div>
                                <div class="desc">托尼公布自己“钢铁侠”身份的六个月后，他的生活发生了改变。</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/r9v5NSso">
                            <div class="item">
                                <div class="no-logo">雷神</div>
                                <div class="desc">影片讲述了被放逐到地球的索尔·奥丁森学习如何成为一个真正英雄的故事。</div>
                            </div>
                        </a><a target="_blank" href="https://dwz.cn/4RR0TgR8">
                            <div class="item">
                                <div class="no-logo">美国队长</div>
                                <div class="desc">史蒂夫”·罗杰斯在接受美国政府的改造后变成了“超级士兵”。</div>
                            </div>
                        </a><a target="_blank" href="https://dwz.cn/o0c6LbSv">
                            <div class="item">
                                <div class="no-logo">复仇者联盟</div>
                                <div class="desc">六位超级英雄集结在一起，组成了复仇者联盟，共同联手对付邪神洛基。</div>
                            </div>
                        </a><a target="_blank" href="https://dwz.cn/nd5U5kDc">
                            <div class="item">
                                <div class="no-logo">钢铁侠3</div>
                                <div class="desc">斯塔克的生活被强敌毁灭，他必须依靠精良装备保护身边最亲近的人。</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dwz.cn/ki1PUAgo">
                            <div class="item">
                                <div class="no-logo">雷神2 </div>
                                <div class="desc">索尔押送着弟弟洛基回到仙宫接受审判，一股强大的远古黑暗势力正在一步步逼近。</div>
                            </div>
                        </a>
                    </div>
                </div>
                <footer class="footer">
                    <div class="copyright">
                        <div>
                            Copyright © 2019- 2050
                            <a href="http://www.zcbboke.com">张新博 许康为 张志毅 米文通 客户端作业</a>
                        </div>
                    </div>
                </footer>
        </section>
        </body>
</html>